<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/bigjo/js/jquery.js"></script>
<title>Insert title here</title>
</head>
<style type="text/css">
	#gendersingerdiv{
		position:relative;
		width: 100px;
		float: left;
	}
	#gendersingernav li{
		list-style-type: none;
		margin-bottom: 5px;
	}
	
	#gendersingerul{
		margin-left: -50px;
	}
	.gendersingerDiv{
		position:absolute;
		margin-left:60px;
		width:850px;
		float: left;
		
	}
	
</style>
<script type="text/javascript">
	/* 서울 클릭  */
	jQuery.noConflict();
	jQuery(".gendersinger1").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/seoulgendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger2").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/gwangjugendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger3").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/degoogendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger4").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/dejungendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger5").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/woolsangendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger6").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/kangwondogendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger7").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/kunggigendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger8").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/kungsanggendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger9").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/junragendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger10").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/choongchunggendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger11").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/sejonggendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	jQuery.noConflict();
	jQuery(".gendersinger12").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/jejoogendersinger.gendersinger",
			success:function(data){
				jQuery(".gendersingerDiv").html(data);
			}
		});
	});
	
	
</script>



<body>
	<div id="gendersingerdiv">
			<nav id="gendersingernav">
				<ul id="gendersingerul">
					<li><a class="gendersinger1">서울</a></li>
					<li><a class="gendersinger2">광주</a></li>
					<li><a class="gendersinger3">대구</a></li>
					<li><a class="gendersinger4">대전</a></li>
					<li><a class="gendersinger5">울산</a></li>
					<li><a class="gendersinger6">강원도</a></li>
					<li><a class="gendersinger7">경기도</a></li>
					<li><a class="gendersinger8">경상도</a></li>
					<li><a class="gendersinger9">전라도</a></li>
					<li><a class="gendersinger10">충청도</a></li>
					<li><a class="gendersinger11">세종시</a></li>
					<li><a class="gendersinger12">제주도</a></li>
				</ul>
			</nav>
	</div>
	<div class="gendersingerDiv">
	
	</div>
</body>
</html>